<template>
  <div id="page_9">
    <h2 class="app__title--second">5. 常用包简述</h2>
    <p>这里简单介绍下上一页涉及到几个基础包</p>
    <p><b>axios - 超好用的http客户端</b></p>
    <p>适用范围：浏览器、nodejs环境</p>
    <p>
      在浏览器端，底层包装的是ajax；在nodejs端，底层应该使用的是nodejs的http包。
      它是基于promise的调用的，因此你可以很愉快的使用链式调用，配合<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/async_function" target="__blank">async/await</a>
      你甚至可以写出和同步代码一样的调用方式。
    </p>
    <p>它可以做全局拦截，包括request拦截和response拦截，因此你可以在拦截器中处理各种错误拦截或是访问头中设置一些全局参数，而不必每一个调用中都重复处理。</p>
    <p>下面是它的简单配置和调用方式( <a class="app__linkbtn" @click="next($event)">下一页</a> )</p>
  </div>
</template>

<script>
import {mapState} from 'vuex'
export default {
  name: "Page9",
  data() {
    return {
      desc: "5. 常用包简述"
    }
  },
  computed: {
    ...mapState(['impress'])
  },
  methods: {
    next(event) {
      event.stopPropagation()
      this.impress.goto(9)
    }
  }
}
</script>

<style scoped>

</style>